<!--
 * @Author: weisheng
 * @Date: 2024-11-01 11:44:38
 * @LastEditTime: 2024-11-14 19:02:48
 * @LastEditors: weisheng
 * @Description:
 * @FilePath: \wot-demo\src\pages\hi.vue
 * 记得注释
-->
<script lang="ts" setup>
	import { onMounted } from 'vue';
	import { useLineEcharts } from '@/composables/echarts-data';

	// 使用 hooks 进行调用
	const [lineChartRef, lineOption, lineDraw] = useLineEcharts()
	// 初始化 折线图表1
	const initLineChart = () => {
		lineDraw()
	}

	// 切换折线图数据
	const changeLineChartData = () => {

	}

	onMounted(() => {
		initLineChart()
	})
</script>

<template>
	<view class="px-3 py-20 text-center">
		<view class="text-2xl text-gray-9!">
			<wd-text custom-class="text-gray-9!" text="欢迎使用 Wot Design Uni！" />
			<l-echart ref="lineChartRef" />
		</view>
	</view>
</template>

<route lang="json">
	{
	"layout": "tabbar",
	"name": "hi",
	"style": {
	"navigationBarTitleText": "hi"
	}
	}
</route>